$(function() {
	$("#color").delegate(".list-li","click",function(){
		if($(this).hasClass("selected")){
			$(this).removeClass("selected");
		}else{
			$(this).addClass("selected");
		}
	});
	$("#fault").delegate(".list-li","click",function(){
		if($(this).hasClass("selected")){
			$(this).removeClass("selected");
		}else{
			$(this).addClass("selected");
		}
	});
	$(".submit-btn").on("click",function(){
		var color = "";
		$("#color").find(".list-li").each(function(){
		    if($(this).hasClass("selected")){
		    	color += $(this).text()+"|";
		    }
		});
		var fault = "";
		$("#fault").find(".list-li").each(function(){
		    if($(this).hasClass("selected")){
		    	fault += $(this).text()+"="+$(this).attr('data-pay')+"|";
		    }
		});
		if(color==""){
			alert("请选择颜色");
			return;
		}
		if(fault==""){
			alert("请选择故障类型");
			return;
		}
		dataSave('selcolor',color);
		dataSave('selfault',fault);
		nextView('../payView/repairlist.html');
		
	});
    
	loaded();

});
function loaded(){
	var arrcolor = dataGet("pcolor").split("|");
	var arrfault = dataGet("pfault").split("|");
	var color_list ="";			
	for(var i=0;i<(arrcolor.length-1);i++){
		var color = arrcolor[i].split("=");
		color_list +='<li class="list-li">'+color[0]+'</li>';
	}
	$('#color').html(color_list);
	
	var fault_list ="";			
	for(var j=0;j<(arrfault.length-1);j++){
		var fault = arrfault[j].split("=");
		fault_list +='<li class="list-li" data-pay="'+fault[1]+'">'+fault[0]+'</li>';
	}
	$('#fault').html(fault_list);
}